<template>
  <el-row :gutter="24">
    <el-col :span="6" :xs="24">
      <AboutMe class="mb-24px" />

      <MyTimeline class="mb-24px" />
    </el-col>

    <el-col :span="12" :xs="24">
      <SpatialDynamics class="mb-24px" />
    </el-col>

    <el-col :span="6" :xs="24">
      <ProfileUser class="mb-24px" />

      <SkillLevel class="mb-24px" />
    </el-col>
  </el-row>
</template>

<script lang="ts" setup>
import ProfileUser from './ProfileUser.vue'
import MyTimeline from './MyTimeline.vue'
import SpatialDynamics from './SpatialDynamics.vue'
import SkillLevel from './SkillLevel.vue'
import AboutMe from './AboutMe.vue'
</script>
